/**
 * Defines an logger that appends the log at the end of the body of the page.<br>
 * quite messy, not well coded (inline style :'( ), but pretty efficient to debug notably on IE
 * @namespace Archetype.Loggers.BodyLogger
 * @author swiip_mat
 */
Archetype.Loggers.BodyLogger = {
	initialize:	function() {},

	log: function() {
		var content=$A(arguments).toArray().join(" ");
		if(document.body) $(document.body).insert({bottom: "<span style='background-color: lightgrey; color:black;'>" + content + "</span><br/>"});
	},
	debug: function() {
		var content=$A(arguments).toArray().join(" ");
		if(document.body) $(document.body).insert({bottom: "<span style='background-color: cyan; color:black;'>[DEBUG] " + content + "</span><br/>"});
	},
	warn: function() {
		var content=$A(arguments).toArray().join(" ");
		if(document.body) $(document.body).insert({bottom: "<span style='background-color: yellow; color:black;'>[WARN] " + content + "</span><br/>"});
	},
	error: function() {
		var content=$A(arguments).toArray().join(" ");
		if(document.body) $(document.body).insert({bottom: "<span style='background-color: red; color:black;'>[ERROR] " + content + "</span><br/>"});
	},
	fatal: function() {
		var content=$A(arguments).toArray().join(" ");
		if(document.body) $(document.body).insert({bottom: "<span style='background-color: black; color:yellow;'>[FATAL] " + content + "</span><br/>"});
	}
}